<template>
  <div class="more-box">
    <div class="more-text" @click="toMore">
      <div class="more">查看更多 </div>
      <div class="icon">  >>></div>
    </div>
  </div>
</template>

<script setup>
import {useRouter} from "vue-router"
const router = useRouter()
import emitter from '@/utils/bus.js'
const toMore = () => {
  router.push('log')
  emitter.emit('updateActive', 2)
}
</script>

<style scoped lang="less">
.more-box{
  .more-text{
    color: #0441b3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    padding-bottom: 30px;
    .icon{
      margin-left: 10px;
    }
  }
}
</style>